<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>map</title>
<!--    1.设置容器样式大小-->
    <style type="text/css">
        html{height:100%}
        body{height:100%;margin:0px;padding:0px}
        #container{height:100%}
    </style>
<!--    2.引用百度地图API文件-->
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=BAhP12y2cSdb8i8n279CdsfaM8AMBtVQ">
    </script>


</head>
<body>
<!--    3.创建地图容器元素--用来将地图展示在页面上-->
    <div id="container"></div>
    <script type="javascript">
        //4.创建地图实例
        var map = new BMapGL.Map("container");
        //5.设置中心点坐标
        var point = new BMapGL.Point(116.404, 39.915);
        //6.地图初始化
        map.centerAndZoom(point, 15);
    </script>

</body>
</html>